.product {
    width: 100%;
}

.product .infinite-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;


}

.infinite-list .product-item {
    width: 220px;
    height: 280px;
    border: 1px solid;
    margin: 20px 0 0 18px;
    cursor: pointer;
}

.product-item .product-img {
    width: 160px;
    height: 160px;
    margin: 10px auto;
}

.product-item .product-img img {
    width: 100%;
}

.product-item h4 {
    text-align: start;
}

.product-item .priceStr {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-item .priceStr #priceStr {
    font-weight: 600;
    font-size: 18px;
    color: red;
}

.product-item .priceStr #mack {}

.product-item .priceStr #mack :deep(span) {

    padding: 2px 4px;

}